<template>
    <div class="jcyjContent">
        <div class="jcyjLeft">
            <div>
                <JcyjLeftOne
                    :kzqyzs="kzqyzs"
                    :zxksqyzs="zxksqyzs"
                    :xzksqyzs="xzksqyzs"
                    :wxkaqyzs="wxkaqyzs"
                    :dxkssl="dxkssl"
                    :ltkssl="ltkssl"
                    :wkksl="wkksl"
                    :wkksldjtj="wkksldjtj"
                    :wkkaqdtj="wkkaqdtj"
                />
                <JcyjLeftTwo :xkjyqk="xkjyqk" />
            </div>
        </div>
        <!-- <LayerSelect/> -->
        <div class="jcyjRight">
            <div>
                <JcyjRight />
            </div>
        </div>
    </div>
</template>

<script>
import JcyjLeftOne from "./jcyjLeft/JcyjLeftOne";
import JcyjLeftTwo from "./jcyjLeft/JcyjLeftTwo";
import JcyjRight from "./jcyjRight/JcyjRight";
import LayerSelect from "./jcyjParts/LayerSelect";
import {
    defineComponent,
    getCurrentInstance,
    onMounted,
    ref,
    onBeforeUnmount,
} from "vue";
import { useRouter } from "vue-router";
import { useStore } from "vuex";
import axios from "axios";
export default defineComponent({
    components: {
        JcyjLeftOne,
        JcyjLeftTwo,
        JcyjRight,
        LayerSelect,
    },
    setup() {
        const store = useStore();
        onBeforeUnmount(() => {
            store.commit("changeDescShow", false);
        });
        let kzqyzs = ref(0);
        let zxksqyzs = ref(0);
        let xzksqyzs = ref(0);
        let wxkaqyzs = ref(0);
        let dxkssl = ref(0);
        let ltkssl = ref(0);
        let wkksl = ref(0);
        let wkksldjtj = ref([]);
        let wkkaqdtj = ref([]);
        let xkjyqk = ref({});
        onMounted(() => {
            axios
                .post(
                    `http://172.25.110.34:81/foundation/union/subject/scrnKsqktj/list`,
                    {}
                )
                .then((res) => {
                    let ksData = res.data.data[0];
                    console.log(ksData);
                    kzqyzs.value = ksData.kzqyzs;
                    zxksqyzs.value = ksData.zxksqyzs;
                    xzksqyzs.value = ksData.xzksqyzs;
                    wxkaqyzs.value = ksData.wxkaqyzs;
                    dxkssl.value = ksData.dxkssl;
                    ltkssl.value = ksData.ltkssl;
                    wkksl.value = ksData.wkksl;
                    wkksldjtj.value = ksData.wkksldjtj;
                    wkkaqdtj.value = ksData.wkkaqdtj;
                    xkjyqk.value = ksData.xkjyqk;
                    //责任落实情况
                });
        });
        return {
            kzqyzs,
            zxksqyzs,
            xzksqyzs,
            wxkaqyzs,
            dxkssl,
            ltkssl,
            wkksl,
            wkksldjtj,
            wkkaqdtj,
            xkjyqk,
        };
    },
});
</script>

<style lang="stylus" scoped>
@media (max-width: 2880px) {
    .jcyjLeft {
        leftContent();
    }

    .jcyjRight {
        rightContent();
    }
}
</style>
<style lang="stylus" scoped>
@media (min-width: 3000px) {
    .jcyjLeft {
        leftContent3840();
    }

    .jcyjRight {
        rightContent3840();
    }
}
</style>